<template>
	<view class="container">
		<div v-if="type === 1">
			<div class="img">
				<image src="../../static/langwen/pay_true.png" mode=""></image>
			</div>
			<div class="tips">支付成功</div>
			<div class="btns" data-flex>
				<div class="btn" data-flex="main:center cross:center" data-flex-box="1">
					返回继续观看
				</div>
				<div class="btn" data-flex="main:center cross:center" data-flex-box="1">
					查看订单
				</div>
			</div>
		</div>
		<div v-if="type === 2">
			<div class="img">
				<image src="../../static/langwen/pay_false.png" mode=""></image>
			</div>
			<div class="tips">支付失败</div>
			<div class="btns" data-flex>
				<div class="btn" data-flex="main:center cross:center" data-flex-box="1">
					其他支付方式
				</div>
				<div class="btn" data-flex="main:center cross:center" data-flex-box="1">
					继续支付
				</div>
			</div>
		</div>
	</view>
</template>

<script>
export default {
	name: 'payEnd',
	data() {
		return {
			type: 2
		}
	}
}
</script>

<style>
page {
	background-color: rgb(255,255,255);
}

.img {
	width: 132px;
	height: 80px;
	margin: 80px auto 19px auto;
}

.tips {
	height: 22px;
	font-size: 16px;
	font-weight: 400;
	color: rgba(63, 64, 70, 1);
	line-height: 22px;
	text-align: center;
}

.btns {
	margin-top: 50px;
	padding: 0 44px;
}

.btns .btn {
	min-width: 50%;
	height: 40px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	background: rgba(90, 194, 255, 1);
}

.btns .btn:last-child {
	background: rgba(253, 155, 67, 1);
	margin-left: 15px;
}
</style>
